<script setup lang="ts">
import { computed } from 'vue'

import BiSignin from '@/components/bi-signin/index.vue'
// import BiInvited from '@/components/bi-invited/index.vue'
defineOptions({
    name: 'BiSigninInvitedPopup'
})

const show = defineModel<boolean>('show', { required: true })
const lightStyle = computed(() => {
    return { opacity: show.value ? '1' : '0' }
})
</script>

<template>
    <div class="popup-sign">
        <div class="light" :style="lightStyle"></div>
        <van-popup v-model:show="show" round>
            <div class="main">
                <div class="main-content" style="width: 100vmin;">
                    <BiSignin type="blue" @sign="show = false" />
                    <!-- <BiInvited /> -->
                </div>
            </div>
        </van-popup>
    </div>
</template>

<style scoped lang="scss">
@import url(./index.scss);

.van-popup {
    background: transparent;
    overflow-y: initial;
}

.van-popup--center {
    top: calc(50% - 15vmin);
}
</style>